import { StyleSheet, Dimensions } from 'react-native';

export default StyleSheet.create({
  content: {
    padding: 10,
    backgroundColor: '#fff',
    flex: 1,
  },
  startWrap: {
    flex: 1,
    backgroundColor: '#999'
  },
  start: {
    height: Dimensions.get('window').height / 2,
    justifyContent: 'center',
    alignItems: 'center'
  },
  logo: {
    width: 64,
    height: 64,
    borderRadius: 5,
    backgroundColor: '#fff',
    // borderWidth: 1,
    // borderColor: '#ff6600',
    alignItems: 'stretch',
    overflow: 'hidden'
  },
  title: {
    fontSize: 16,
    marginVertical: 10,
    color: '#fff'
  },
  title2: {
    fontSize: 12,
    color: '#ccc'
  },
  or: {
    textAlign: 'center',
    marginVertical: 10,
    color: '#ccc'
  },
  btns: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'stretch',
    paddingHorizontal: 32
  },
  centerText: {
    textAlign: 'center',
    color: '#999'
  },
  otherOperate: {
    paddingTop: 5,
    paddingBottom: 5,
    flexDirection: 'row',
    justifyContent: 'space-between'
  },
  headerRight: {
    color: '#3399ff'
  },
  ready: {
    flex: 1,
    justifyContent: 'center',
    alignItems: 'stretch'
  },
  readyCont: {
    alignItems: 'center'
  },
  readyText: {
    fontSize: 32
  },
  agree: {
    flexDirection: 'row',
    marginVertical: 10,
    alignItems: 'center',
    justifyContent: 'flex-start',
    marginTop: 32
  },
  protocol: {
    color: '#ccc',
    fontSize: 16,
  },
  protocolText: {
    marginLeft: 10,
    flexDirection: 'row',
    flexWrap: 'wrap'
  }
});
